<div class="list" style="min-width: 10rem">
  <a class="item with-avatar primary multi-lines">
    <div class="avatar circle">
      <img src="doc/img/avatar.png" alt="">
    </div>
    <div class="content">
      <div class="title">Catouse</div>
      <div class="subtitle">在线</div>
    </div>
  </a>
  <a class="item with-avatar">
    <div class="avatar text-gray"><i class="icon-list-ul"></i></div>
    <div class="title">订单列表</div>
  </a>
  <a class="item with-avatar">
    <div class="avatar text-gray"><i class="icon icon-comments"></i></div>
    <div class="title">我的消息</div>
  </a>
  <a class="item with-avatar">
    <div class="avatar text-gray"><i class="icon icon-lock"></i></div>
    <div class="title">安全中心</div>
  </a>
  <a class="item with-avatar">
    <div class="avatar text-gray"><i class="icon-cog"></i></div>
    <div class="title">个人设置</div>
  </a>
  <a class="item with-avatar">
    <div class="avatar text-gray"><i class="icon-qrcode"></i></div>
    <div class="title">我的二维码</div>
  </a>
</div>

<div class="list-item compact gray with-avatar dock dock-bottom">
  <div class="avatar text-gray"><i class="icon icon-signout"></i></div>
  <div class="title">退出</div>
</div>
